/**
 * Created by 86185 in 2020/8/28 on 21:41
 */
import React from "react"

import "@/components/HotPlaceCount/HotPlaceCount.component.styl"

import HotPlaceList from "@/components/common/HotPlaceList/HotPlaceList.component"
import ProvinceMap from "@/components/common/ProviceMap/ProvinceMap.component"

class HotPlaceCount extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            hotPlaceData: {
                list: [
                    {
                        name: "黄果树风景区",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "梵净山景区",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "荔波风景区",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "马岭河峡谷风景区",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "遵义会议会址",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "镇远古城",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "赤水风景区",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "西江苗寨",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "十里杜鹃",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "黔灵山公园",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "天河潭景区",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "肇兴侗寨",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "万峰林景区",
                        yyCount: 113456,
                        sdCount: 202012
                    },
                    {
                        name: "织金洞景区",
                        yyCount: 113456,
                        sdCount: 202012
                    }
                ]
            },
            provinceData: {
                id:"hot-place"
            }
        }
    }

    render() {
        return (
            <div className="hot-place-count">
                <div className="icon">
                    <i className="icon-1 fa fa-chevron-up"></i>
                    <i className="icon-2 fa fa-chevron-up"></i>
                    <i className="icon-3 fa fa-chevron-up"></i>
                    <i className="icon-4 fa fa-chevron-up"></i>
                </div>
                <div className="title">
                    <i className="left-icon fa fa-angle-right">
                        <i className="fa fa-angle-right"></i>
                    </i>
                    <span className="text">全省景区旅游热度统计</span>
                    <i className="right-icon fa fa-angle-left">
                        <i className="fa fa-angle-left"></i>
                    </i>
                </div>
                <div className="chart">
                    <div className="list">
                        <HotPlaceList hotPlaceData={this.state.hotPlaceData}></HotPlaceList>
                    </div>
                    <div className="map">
                        <ProvinceMap provinceData={this.state.provinceData}></ProvinceMap>
                    </div>
                </div>
            </div>
        );
    }
}

export default HotPlaceCount
